/* ==================
        初始化
 ==================== */
body {
	background-color: #f1f1f1;
	font-size: 28upx;
	color: #333333;
	font-family: Helvetica Neue, Helvetica, sans-serif;
}
view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
	box-sizing: border-box;
}
.round {
	border-radius: 5000upx;
}
.b-b{
	border-bottom: 1px solid #eee;
}
.radius {
	border-radius: 6upx;
}
.w-100{
	width: 100%;
}
.w-50{
	width: 50%;
}
.w-25{
	width: 25%;
}
.w-20{
	width: 20%;
}
/*  -- 内外边距 -- */

.margin-0 {
	margin: 0;
}

.margin-xs {
	margin: 10upx;
}

.margin-sm {
	margin: 20upx;
}

.margin {
	margin: 30upx;
}

.margin-lg {
	margin: 40upx;
}

.margin-xl {
	margin: 50upx;
}

.margin-top-xs {
	margin-top: 10upx;
}

.margin-top-sm {
	margin-top: 20upx;
}

.margin-top {
	margin-top: 30upx;
}

.margin-top-lg {
	margin-top: 40upx;
}

.margin-top-xl {
	margin-top: 50upx;
}

.margin-right-xs {
	margin-right: 10upx;
}

.margin-right-sm {
	margin-right: 20upx;
}

.margin-right {
	margin-right: 30upx;
}

.margin-right-lg {
	margin-right: 40upx;
}

.margin-right-xl {
	margin-right: 50upx;
}

.margin-bottom-xs {
	margin-bottom: 10upx;
}

.margin-bottom-sm {
	margin-bottom: 20upx;
}

.margin-bottom {
	margin-bottom: 30upx;
}

.margin-bottom-lg {
	margin-bottom: 40upx;
}

.margin-bottom-xl {
	margin-bottom: 50upx;
}

.margin-left-xs {
	margin-left: 10upx;
}

.margin-left-sm {
	margin-left: 20upx;
}

.margin-left {
	margin-left: 30upx;
}

.margin-left-lg {
	margin-left: 40upx;
}

.margin-left-xl {
	margin-left: 50upx;
}

.margin-lr-xs {
	margin-left: 10upx;
	margin-right: 10upx;
}

.margin-lr-sm {
	margin-left: 20upx;
	margin-right: 20upx;
}

.margin-lr {
	margin-left: 30upx;
	margin-right: 30upx;
}

.margin-lr-lg {
	margin-left: 40upx;
	margin-right: 40upx;
}

.margin-lr-xl {
	margin-left: 50upx;
	margin-right: 50upx;
}

.margin-tb-xs {
	margin-top: 10upx;
	margin-bottom: 10upx;
}

.margin-tb-sm {
	margin-top: 20upx;
	margin-bottom: 20upx;
}

.margin-tb {
	margin-top: 30upx;
	margin-bottom: 30upx;
}

.margin-tb-lg {
	margin-top: 40upx;
	margin-bottom: 40upx;
}

.margin-tb-xl {
	margin-top: 50upx;
	margin-bottom: 50upx;
}

.padding-0 {
	padding: 0;
}

.padding-xs {
	padding: 10upx;
}

.padding-sm {
	padding: 20upx;
}

.padding {
	padding: 30upx;
}

.padding-lg {
	padding: 40upx;
}

.padding-xl {
	padding: 50upx;
}

.padding-top-xs {
	padding-top: 10upx;
}

.padding-top-sm {
	padding-top: 20upx;
}

.padding-top {
	padding-top: 30upx;
}

.padding-top-lg {
	padding-top: 40upx;
}

.padding-top-xl {
	padding-top: 50upx;
}

.padding-right-xs {
	padding-right: 10upx;
}

.padding-right-sm {
	padding-right: 20upx;
}

.padding-right {
	padding-right: 30upx;
}

.padding-right-lg {
	padding-right: 40upx;
}

.padding-right-xl {
	padding-right: 50upx;
}

.padding-bottom-xs {
	padding-bottom: 10upx;
}

.padding-bottom-sm {
	padding-bottom: 20upx;
}

.padding-bottom {
	padding-bottom: 30upx;
}

.padding-bottom-lg {
	padding-bottom: 40upx;
}

.padding-bottom-xl {
	padding-bottom: 50upx;
}

.padding-left-xs {
	padding-left: 10upx;
}

.padding-left-sm {
	padding-left: 20upx;
}

.padding-left {
	padding-left: 30upx;
}

.padding-left-lg {
	padding-left: 40upx;
}

.padding-left-xl {
	padding-left: 50upx;
}

.padding-lr-xs {
	padding-left: 10upx;
	padding-right: 10upx;
}

.padding-lr-sm {
	padding-left: 20upx;
	padding-right: 20upx;
}

.padding-lr {
	padding-left: 30upx;
	padding-right: 30upx;
}

.padding-lr-lg {
	padding-left: 40upx;
	padding-right: 40upx;
}

.padding-lr-xl {
	padding-left: 50upx;
	padding-right: 50upx;
}

.padding-tb-xs {
	padding-top: 10upx;
	padding-bottom: 10upx;
}

.padding-tb-sm {
	padding-top: 20upx;
	padding-bottom: 20upx;
}

.padding-tb {
	padding-top: 30upx;
	padding-bottom: 30upx;
}

.padding-tb-lg {
	padding-top: 40upx;
	padding-bottom: 40upx;
}

.padding-tb-xl {
	padding-top: 50upx;
	padding-bottom: 50upx;
}

/* ==================
          文本
 ==================== */
 .fs-12{
	 font-size: 24upx;
 }
 .fs-13{
 	 font-size: 26upx;
 }
 .fs-14{
 	 font-size: 28upx;
 }
 .fs-15{
 	 font-size: 30upx;
 }
 .fs-16{
 	 font-size: 32upx;
 }
 .fw-600{
 	 font-weight: 600;
 }
 .fw-700{
 	 font-weight: 700;
 }
 .text-price::before {
 	content: "¥";
 	font-size: 80%;
 	margin-right: 4upx;
 }
 .text-center {
 	text-align: center;
 }
 
 .text-content {
 	line-height: 1.6;
 }
 
 .text-left {
 	text-align: left;
 }
 
 .text-right {
 	text-align: right;
 }
 
 /* ==================
           flex布局
  ==================== */
 .flex {
 	display: flex;
 }

 .flex-sub {
 	flex: 1;
 }
 
 .flex-direction {
 	flex-direction: column;
 }
 
 .flex-wrap {
 	flex-wrap: wrap;
 }
 
 .align-start {
 	align-items: flex-start;
 }
 
 .align-end {
 	align-items: flex-end;
 }
 
 .align-center {
 	align-items: center;
 }
 
 .align-stretch {
 	align-items: stretch;
 }
 
 .self-start {
 	align-self: flex-start;
 }
 
 .self-center {
 	align-self: flex-center;
 }
 
 .self-end {
 	align-self: flex-end;
 }
 
 .self-stretch {
 	align-self: stretch;
 }
 
 .align-stretch {
 	align-items: stretch;
 }
 
 .justify-start {
 	justify-content: flex-start;
 }
 
 .justify-end {
 	justify-content: flex-end;
 }
 
 .justify-center {
 	justify-content: center;
 }
 
 .justify-between {
 	justify-content: space-between;
 }
 
 .justify-around {
 	justify-content: space-around;
 }
 /* ==================
           按钮
  ==================== */
 .line-red::after,
 .lines-red::after {
 	border-color: #e54d42;
 }
 .cu-btn {
 	position: relative;
 	border: 0upx;
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
 	box-sizing: border-box;
 	padding: 0 30upx;
 	font-size: 28upx;
 	height: 64upx;
 	line-height: 1;
 	text-align: center;
 	text-decoration: none;
 	overflow: visible;
 	margin-left: initial;
 	transform: translate(0upx, 0upx);
 	margin-right: initial;
 }
 
 .cu-btn::after {
 	display: none;
 }
 
 .cu-btn:not([class*="bg-"]) {
 	background-color: #f0f0f0;
 }
 
 .cu-btn[class*="line"] {
 	background-color: transparent;
 }
 
 .cu-btn[class*="line"]::after {
 	content: " ";
 	display: block;
 	width: 200%;
 	height: 200%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	border: 1upx solid currentColor;
 	transform: scale(0.5);
 	transform-origin: 0 0;
 	box-sizing: border-box;
 	border-radius: 12upx;
 	z-index: 1;
 	pointer-events: none;
 }
 
 .cu-btn.round[class*="line"]::after {
 	border-radius: 1000upx;
 }
 
 .cu-btn[class*="lines"]::after {
 	border: 6upx solid currentColor;
 }
 
 .cu-btn[class*="bg-"]::after {
 	display: none;
 }
 
 .cu-btn.sm {
 	padding: 0 20upx;
 	font-size: 20upx;
 	height: 48upx;
 }
 
 .cu-btn.lg {
 	padding: 0 40upx;
 	font-size: 32upx;
 	height: 80upx;
 }
 
 .cu-btn.cuIcon.sm {
 	width: 48upx;
 	height: 48upx;
 }
 
 .cu-btn.cuIcon {
 	width: 64upx;
 	height: 64upx;
 	border-radius: 500upx;
 	padding: 0;
 }
 
 button.cuIcon.lg {
 	width: 80upx;
 	height: 80upx;
 }
 
 .cu-btn.shadow-blur::before {
 	top: 4upx;
 	left: 4upx;
 	filter: blur(6upx);
 	opacity: 0.6;
 }
 
 .cu-btn.button-hover {
 	transform: translate(1upx, 1upx);
 }
 
 .block {
 	display: block;
 }
 
 .cu-btn.block {
 	display: flex;
 }
 
 .cu-btn[disabled] {
 	opacity: 0.6;
 	color: #ffffff;
 }
 /* grid布局 */
 
 .grid {
 	display: flex;
 	flex-wrap: wrap;
 }
 
 .grid.grid-square {
 	overflow: hidden;
 }
 
 .grid.grid-square .cu-tag {
 	position: absolute;
 	right: 0;
 	top: 0;
 	border-bottom-left-radius: 6upx;
 	padding: 6upx 12upx;
 	height: auto;
 	background-color: rgba(0, 0, 0, 0.5);
 }
 
 .grid.grid-square>view>text[class*="cuIcon-"] {
 	font-size: 52upx;
 	position: absolute;
 	color: #8799a3;
 	margin: auto;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	flex-direction: column;
 }
 
 .grid.grid-square>view {
 	margin-right: 20upx;
 	margin-bottom: 20upx;
 	border-radius: 6upx;
 	position: relative;
 	overflow: hidden;
 }
 .grid.grid-square>view.bg-img image {
 	width: 100%;
 	height: 100%;
 	position: absolute;
 }
 .grid.col-1.grid-square>view {
 	padding-bottom: 100%;
 	height: 0;
 	margin-right: 0;
 }
 
 .grid.col-2.grid-square>view {
 	padding-bottom: calc((100% - 20upx)/2);
 	height: 0;
 	width: calc((100% - 20upx)/2);
 }
 
 .grid.col-3.grid-square>view {
 	padding-bottom: calc((100% - 40upx)/3);
 	height: 0;
 	width: calc((100% - 40upx)/3);
 }
 
 .grid.col-4.grid-square>view {
 	padding-bottom: calc((100% - 60upx)/4);
 	height: 0;
 	width: calc((100% - 60upx)/4);
 }
 
 .grid.col-5.grid-square>view {
 	padding-bottom: calc((100% - 80upx)/5);
 	height: 0;
 	width: calc((100% - 80upx)/5);
 }
 
 .grid.col-2.grid-square>view:nth-child(2n),
 .grid.col-3.grid-square>view:nth-child(3n),
 .grid.col-4.grid-square>view:nth-child(4n),
 .grid.col-5.grid-square>view:nth-child(5n) {
 	margin-right: 0;
 }
 
 .grid.col-1>view {
 	width: 100%;
 }
 
 .grid.col-2>view {
 	width: 50%;
 }
 
 .grid.col-3>view {
 	width: 33.33%;
 }
 
 .grid.col-4>view {
 	width: 25%;
 }
 
 .grid.col-5>view {
 	width: 20%;
 }
 